<script setup lang="ts">
import { ref } from "vue";
// 使用 ref 函数，传入普通数据（简单or复杂），返回一个响应式数据
const age = ref(18)
const changeAge = () => {
  // 在script中需要 .value 取值
  age.value++
}

</script>

<template>
  <div class="app-page">
    <!-- 使用 ref 创建的数据，ts 中需要 .value ，template 中可省略 -->
    <div>{{ age }}</div>
    <button @click="changeAge">增加年龄</button>
  </div>
</template>

<style lang="css" scoped></style>